<template>
  <div>子组件{{ name }}</div>
</template>

<script setup>
  import { reactive, ref } from 'vue'
  let age = ref(20)
  let name = ref('章三')
  const like = reactive([
    {
      like: '打篮球'
    },
    {
      like: '打排球'
    }
  ])
  const trip = reactive([
    {
      area: '美国'
    },
    {
      area: '法国'
    }
  ])
  const showName = () => {
    console.log(name.value)
  }
  defineExpose({
    age,
    name,
    like,
    showName
  })
</script>